<template>
    <div class="marketingMaterial">
        <basic-container>
            <div class="madp-all-box">
                <!-- 分类组件 -->
                <sort @sortObj="getSortObj"></sort>
                <!-- 详细内容组件 -->
                <material :activeObj.sync="activeObj"></material>
            </div>
        </basic-container>
    </div>
</template>

<script>
import Sort from "@/views/customers-into/marketing-material/sort/index.vue";
import Material from "@/views/customers-into/marketing-material/material/index.vue";
export default {
    components: {
        Sort,
        Material
    },
    name: "marketingMaterial",
    data() {
        return {
            activeObj: {
                activeIndex: 0
            }
        };
    },
    created() {},
    mounted: function () {},
    computed: {},
    methods: {
        getSortObj(obj) {
            this.activeObj = obj;
        }
    }
};
</script>

<style lang="scss" scoped>
.madp-all-box {
    display: flex;
}
/deep/ .el-divider--horizontal {
    margin: 10px 0;
}
</style>

